<!DOCTYPE html>
<html lang="zh-CV">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>BootCDN</title>
    <link href="https://cdn.bootcss.com" rel="dns-prefetch">
    <link href="https://api.bootcdn.cn" rel="dns-prefetch">
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
    <link href="homework.css" rel="stylesheet">
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="ico_1.png">
    <link rel="shortcut icon" href="ico_1.png">
    <script src="jquery-3.3.1.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
</head>
<body>
<header class="site-header">
<nav class="navbar navbar-static-top main-navbar" id="top">
    <div class="container">
        <div class="navbar-header">
            <button class="navbar-toggle collapse" type="button" data-toggle="collapse" data-target="#bs-navbar" aria-controls="bs-navbar" aria-expanded="false">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a href="/" class="navbar-brand brand-bootcdn text-hide" onclick="_hmt.push(['_trackEvent', 'main-navbar', 'click', 'main-navbar-bootcdn'])">BootCDN</a>
        </div>
        <nav id="bs-navbar" class="navbar-collapse collapse" aria-expanded="false" style="height: 1px"></nav>
        <ul class="nav navbar-nav navbar-right">
            <li>
                <a href="#" onclick="_hmt.push(['_trackEvent', 'main-navbar', 'click', 'api'])" target="_blank">API</a>
            </li>
            <li>
                <a href="http://blog.bootcdn.cn" onclick="_hmt.push(['_trackEvent', 'main-navbar', 'click', 'blog'])" target="_blank">博客</a>
            </li>
            <li>
                <a href="#" onclick="_hmt.push(['_trackEvent', 'main-navbar', 'click', 'about'])">关于</a>
            </li>
        </ul>
    </div>
</nav>
    <div class="container jumbotron">
        <div class="row">
            <div class="col-xs-12">
                <h1>
                    BootCDN
                    <img src="ico_1.png" alt="BootCDN logo" class="hidden">
                </h1>
                <p>
                    "稳定、快速、免费的前端开源项目CDN加速服务"
                    <br>
                    <span class="package-amount">
                        "共收录了"<strong>3380</strong>"个前端开源项目"
                    </span>
                </p>
                <div class="search-wraper" role="search">
                    <div class="form-group">
                        <input class="form-control search clearable" placeholder="搜索" autocomplete="off" autofocus tabindex="0" autocorrect="off" autocapitalize="off" spellcheck="false">
                        <i class="fa fa-search"></i>
                    </div>
                </div>
            </div>
        </div>
    </div>

</header>
<div class="container protocal-notice hidden-xs">
    <div class="row">
        <div class="col-xs-12">
            <div class="pull-right">
                <a href="#" target="_blank" onclick="_hmt.push(['_trackEvent', 'notice', 'click', 'notice'])">拒绝流量劫持，全面使用HTTPS</a>
            </div>
        </div>
    </div>
</div>
<main class="packages-list-container" id="all-packages">
    <div class="container">
        <div class="list-group packages" id="common-packages">
            <a href="#" class="packages list-group-item" target="_blank" onclick="_hmt.push(['_trackEvent', 'packages', 'click', 'bootstrap'])">
                <div class="row">
                    <div class="col-md-3">
                        <h4 class="package-name">bootstrap</h4>
                    </div>
                    <div class="col-md-9 hidden-xs">
                        <p class="package-description">Bootstrap 是全球最受欢迎的前端组件库，用于开发响应式布局、移动设备优先的 WEB 项目。</p>
                    </div>
                    <div class="package-extra-info col-md-9 col-md-offset-3 col-xs-12">
                        <span>
                            <i class="fa fa-star"></i>
                            " 124952"
                        </span>
                    </div>
                </div>
            </a>
        </div>
        <div class="list-group packages" id="search-results" style="display: none"></div>
    </div>
</main>
<footer id="footer" class="footer hidden-print">
    <div class="container">
        <div class="row">
            <div class="footer-about col-md-6 col-sm-12" id="about">
                <h4>关于 BootCDN</h4>
                <p>
                   " BootCDN 是 "
                    <a href="http://www.bootcss.com/" target="_blank" onclick="_hmt.push(['_trackEvent', 'footer', 'click', 'footer-bootcss.com'])">Bootstrap 中文网</a>
                    支持并维护的前端开源项目免费 CDN 服务，致力于为 Bootstrap、jQuery、Angular、Vuejs 一样优秀的前端开源项目提供稳定、快速的免费 CDN 加速服务。BootCDN 所收录的开源项目主要同步于
                    <a href="https://github.com/cdnjs/cdnjs" target="_blank" onclick="_hmt.push(['_trackEvent', 'footer', 'click', 'footer-github.com'])">cdnjs</a>
                     "仓库。"

                </p>
                <p>自2013年10月31日上线以来已经为30多万家网站提供了稳定、可靠的免费 CDN 加速服务。</p>
                <p>反馈或建议请发送邮件至：cdn@bootcss.com</p>
            </div>
            <div class="footer-links col-md-4 col-sm-12">
               <h4>友情链接</h4>
                <ul class="list-unstyled list-inline">
                    <li>
                        <a href="http://www.bootcss.com/" target="_blank" onclick="_hmt.push(['_trackEvent', 'footer', 'click', 'footer-bootcss.com'])">Bootstrap中文网</a>
                    </li>
                    <li>
                        <a href="http://www.ghostchina.com/" target="_blank" onclick="_hmt.push(['_trackEvent', 'footer', 'click', 'footer-ghostchina.com'])">Ghost中国</a>
                    </li>
                    <li>
                        <a href="http://www.golaravel.com/" target="_blank" onclick="_hmt.push(['_trackEvent', 'footer', 'click', 'footer-golaravel.com'])">Laravel中文网</a>
                    </li>
                    <li>
                        <a href="https://www.jquery123.com/" target="_blank" onclick="_hmt.push(['_trackEvent', 'footer', 'click', 'footer-jquery123.com'])">jQuery中文文档</a>
                    </li>
                </ul>
            </div>
            <div class="footer-techs col-md-2 col-sm-12">
                <h4>我们用到的技术</h4>
                <ul class="list-unstyled list-inline">
                    <li>
                        <a href="http://www.bootcss.com/" target="_blank" onclick="_hmt.push(['_trackEvent', 'footer', 'click', 'footer-bootcss.com'])">Bootstrap</a>
                    </li>
                    <li>
                        <a href="http://www.ghostchina.com/" target="_blank" onclick="_hmt.push(['_trackEvent', 'footer', 'click', 'footer-ghostchina.com'])">Ghost</a>
                    </li>
                    <li>
                        <a href="https://www.jquery123.com/" target="_blank" onclick="_hmt.push(['_trackEvent', 'footer', 'click', 'footer-jquery123.com'])">jQuery</a>
                    </li>
                    <li>
                        <a href="https://babel.bootcss.com/" target="_blank" onclick="_hmt.push(['_trackEvent', 'footer', 'click', 'footer-babeljs.cn'])">Babeljs</a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="copy-right"></div>
</footer>
</body>
</html>




